        <%@ page import="com.example.pojo.User" %>
<%@ page import="com.example.DAO.DBUtilsDAO" %>
<%@ page import="java.sql.Connection" %>
<%@ page import="com.example.DAO.impl.DBUtilsFactory" %>
<%@ page import="java.sql.PreparedStatement" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="java.sql.SQLException" %>
        <%@ page import="java.time.LocalDate" %>
        <%@ page import="java.time.format.DateTimeFormatter" %>
        <%@ page import="java.time.LocalDateTime" %>
        <%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>shopping</title>
  <link rel="stylesheet" href="ShoppingCart.css">
  <header id="navbar">
    <nav>

      <ul>
        <%
            User user = (User) session.getAttribute("user");
            if (user != null) {
        %>
        <li style="margin-left:1%;font-size: 0.9vw;">
          欢迎, <%=user.getIdentity()%><%=user.getUsername()%>
          <a href="<%=request.getContextPath()%>/logout" style="font-size: 0.9vw;color: #0cb3d0">切换账户</a>
        </li>
        <%
        } else {
        %>
        <li>
          <a href="login.jsp" style="font-size: 0.9vw;">请登录/请注册</a>
        </li>
        <%
            }
        %>
        <li style="margin-left: 50%;"><a href="#" style="font-size: 0.9vw;">首页&nbsp;&nbsp;<b style="font-size: 1.1vw;color: #bcb9b2;">|</b></a></li>
        <div class="dropdown">
          <a href="#" class="dropbtn" style="font-size: 0.9vw;">&nbsp;我的收藏夹&nbsp;&nbsp;<b style="font-size: 1.1vw;color: #bcb9b2;">|</b></a>
          <div class="dropdown-content">
            <a href="#">收藏的供应商</a>
            <a href="#">收藏的酒品</a>
            <a href="#">收藏的服务</a>
          </div>
        </div>

        <li><a href="#" style="font-size: 0.9vw;">&nbsp;购物车&nbsp;&nbsp;<b style="font-size: 1.1vw;color: #bcb9b2;">|</b></a></li>
        <div class="dropdown1">
          <a href="#" class="dropbtn1" style="font-size: 0.9vw;">&nbsp;实力商家&nbsp;&nbsp;<b style="font-size: 1.1vw;color: #bcb9b2;">|</b></a>
          <div class="dropdown-content1">
            <a href="#">商家权益</a>
            <a href="#">入驻标准</a>
            <a href="#">新商入驻</a>
            <a href="#">我要续约</a>
            <a href="#">成功案例</a>
          </div>
        </div>
        <div class="dropdown2">
          <a href="#" class="dropbtn2" style="font-size: 0.9vw;">&nbsp;工业品牌&nbsp;&nbsp;<b style="font-size: 1.1vw;color: #bcb9b2;">|</b></a>
          <div class="dropdown-content2">
            <a href="#">商家权益</a>
            <a href="#">我要入驻</a>
            <a href="#">品牌1+N建站</a>
            <a href="#">学习中心</a>
          </div>
        </div>
        <li><a href="#" style="font-size: 0.9vw;">&nbsp;客服中心&nbsp;&nbsp;</a></li>
        <div style="width: 10%;height: 10%;">
        </div>
      </ul>
      <hr>

    </nav>

    <div class="Logo" style="width: 50%;height: 10%;margin-left: 5%;float: left;">
      <img src="image/SevenEightWineLogo.png" style="width: 10%;">
    </div>
    <img src="image/banner.png" style="margin-left: -30%; margin-top: 1%;float: left;width: 40%;">
    <div class="search">
      <input type="text" placeholder="请输入您喜爱的酒名" style="margin-left: 5%;width: 20%;height:5%;margin-top: 2%;font-size: 1.7vw;float: left;">
      <button style=" font-size: 1.5vw; width: 4%;height: 5%; background-color: #f0a709;position: relative;margin-top: 2%;margin-left: 0.2%; cursor: pointer;">
        <a href="#" style="text-decoration: none;font-size: 1.1vw;">搜索
        </a>
      </button>
    </div>
  </header>

</head>
<body>

<button id="menu" style="margin-left: 95%;background-color: rgba(0, 0, 0, 0.01); border: none;top: 1%;width: 5%;height: 5%;position: fixed;margin-top: 10%;"><img src="image/购物车Logo.png" id="shopping"><p style="display: flex;margin-left: 23%;font-size: 0.8vw;color: #f65f02;margin-top: -4%;"><b>购物车</b></p></button>

<div id="drawer" class="drawer">
  <div class="drawer-content">
    <div id="cart" style="margin-bottom: 10%;">
      <center><h3 style="font-size: 2vw;color: rgb(219, 57, 13);">购物清单</h3></center>
      <ul id="cart-items"></ul>
      <p style="font-size: 150%;margin-top: 10%;color: rgb(0, 4, 255);margin-left: 20%;">总金额:<span id="total-price" style="font-size: 2vw;color: rgb(0, 4, 255);">0</span> </p>
      <center><p style="font-size: 1.3vw;color: rgb(255, 255, 255);margin-top: 10%;">仅支持微信支付</p><img src="image/微信.png" style="width: 5%;height: 5%;"></center>
      <center><button id="payment" style="font-size: 1vw;color: rgb(255, 255, 255);background-color: rgb(0, 0, 0);width: 12%;height: 3vw;margin-top: 2%;">立即支付</button></center>
      <div id="pay" style="width: 100%;height: auto;">
        <div class="modal" id="myModal">
          <div class="modal-content">
            <span class="close-btn" id="closeBtn">&times;</span>
            <center><img src="image/微信支付二维码.jpg.png" alt="image/微信支付二维码.jpg.png" style="width: 40%;height: 50%;"></center>
            <center><p style="font-size: 2vw;float: left;margin-left: 20%;"><b>您需要支付的金额为</b></p><span id="total-price1" style="font-size: 3vw;color: red;margin-left: 3%;margin-top: 3%;float: left;">0</span><p style="font-size: 2vw;margin-left: 1%;margin-top:4%;float: left;"><b>元</b></p></center>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
<center><p style="margin-top: -20%;color: #f65f02; font-family:Arial, Helvetica, sans-serif;font-size: 3vw;"><b>请挑选你感兴趣的酒并添加到购物车吧！</b></p></center>

<%
  //获取订单时间
  LocalDateTime now = LocalDateTime.now();

  DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss");

  String Date = now.format(formatter);

%>
<div id="products">
  <div class="product" data-price="88.0" style="margin-left: 6%;width: 100%;height: 100%;margin-top: -10%;margin-bottom: 13%;"data-product-id="1">
    <h3 style="display: none;">琴酒</h3>
    <img src="image/琴酒.png"  style="width: 15%;height: 30%;margin-top: 20%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 88.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -3%;margin-left: 14%;">成交300+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>正品行货 添加利伦敦干味<br>金酒杜松子酒金汤力基酒<br>    Gin琴酒进口洋酒</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">33.5%</p>

    <form id="productForm1" action="addOrders" method="post">
      <input type="hidden" name="order_id" value="1">
      <input type="hidden" name="product_image" value="image/琴酒.png">
      <input type="hidden" name="product_name" value="琴酒">
      <input type="hidden" name="user_name" value=" <%
        if (user != null) {
        %>
      <%=user.getUsername()%>
      <%
      } else {
      %>
      <%
        }
      %>">
      <input type="hidden" name="product_id" value="1">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="正品行货 添加利伦敦干味 金酒杜松子酒金汤力基酒 Gin琴酒进口洋酒">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="88">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>

  </div>
  <div class="product" data-price="229.0" style="margin-left: 40%;margin-top: -70.3%; width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="2">
    <h3 id="boben" style="display: none;">波本</h3>
    <img src="image/波本.png"  style="width: 15%;height: 30%;margin-top: 20%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 229.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -8%;margin-left: 14%;">成交100+件</p>
    <pre style="color: #000000;margin-left: 5%;font-size: 1.2vw;"><b>格兰杰波本雨燕马爹利<br>波本VS雨燕700ML波本VS<br>雨燕700ML 一瓶 L 无盒</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率2.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">30.5%</p>

    <form id="productForm2" action="addOrders" method="post">
      <input type="hidden" name="order_id" value="2">
      <input type="hidden" name="product_image" value="image/波本.png">
      <input type="hidden" name="product_name" value="波本">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="2">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="格兰杰波本雨燕马爹利 波本VS雨燕700ML波本VS 雨燕700ML 一瓶 L 无盒">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="229">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>

      </div>
  <div class="product" data-price="44" style="margin-left: 72%;margin-top: -70.8%; width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="3">
    <h3 style="display: none;">伏特加</h3>
    <img src="image/伏特加.png"  style="width: 15%;height: 30%;margin-top: 20%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 44.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -8.4%;margin-left: 14%;">成交500+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>苏连红伏特加 俄罗斯伏特加<br>750ml 拉脱维亚伏特加酒吧<br>      鸡尾酒用酒</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">33.5%</p>

    <form id="productForm3" action="addOrders" method="post">
      <input type="hidden" name="order_id" value="3">
      <input type="hidden" name="product_image" value="image/伏特加.png">
      <input type="hidden" name="product_name" value="伏特加">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="3">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="苏连红伏特加 俄罗斯伏特加 750ml 拉脱维亚伏特加酒吧">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="44">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
      </div>
  <div class="product" data-price="64" style="margin-left: 6%;width: 100%;height: 100%;margin-top: -10%;margin-bottom: 13%;"data-product-id="4">
    <h3 style="display: none;">朗姆</h3>
    <img src="image/朗姆.png"  style="width: 15%;height: 30%;margin-top: 20%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 64.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -3%;margin-left: 14%;">成交500+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>摩根船长（Captain Morgan）<br>     朗姆酒 mojito莫吉</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率1.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">49.5%</p>

    <form id="productForm4" action="addOrders" method="post">
      <input type="hidden" name="order_id" value="4">
      <input type="hidden" name="product_image" value="image/朗姆.png">
      <input type="hidden" name="product_name" value="朗姆">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="4">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="摩根船长（Captain Morgan）     朗姆酒 mojito莫吉">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="64">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
     </div>
  <div class="product" data-price="219" style="margin-left: 40%;margin-top: -62.3%;width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="5">
    <h3 style="display: none;">黑麦威士忌</h3>
    <img src="image/黑麦威士忌.png"  style="width: 15%;height: 30%;margin-top: 13%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 219.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -8.4%;margin-left: 14%;">成交50+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b> 杰克丹尼（Jack Daniels）<br>黑麦 美国田纳西州 调和型<br><br>      威士忌 1000ml</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率2.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">18.5%</p>

    <form id="productForm5" action="addOrders" method="post">
      <input type="hidden" name="order_id" value="5">
      <input type="hidden" name="product_image" value="image/黑麦威士忌.png">
      <input type="hidden" name="product_name" value="黑麦威士忌">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="5">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value=" 杰克丹尼（Jack Daniels） 黑麦 美国田纳西州 调和型   威士忌 1000ml">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="219">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
    </div>
  <div class="product" data-price="781" style="margin-left: 72%;margin-top: -75.8%;width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="6">
    <h3 style="display: none;">苏格兰威士忌</h3>
    <img src="image/苏格兰威士忌.png"  style="width: 15%;height: 30%;margin-top: 18%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 781.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -9%;margin-left: 13%;">成交300+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>THE MACALLAN麦卡伦12年 <br>  经典雪莉桶 单一麦芽<br>     苏格兰威士忌</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率1.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">47%</p><br><br>

    <form id="productForm6" action="addOrders" method="post" >
      <input type="hidden" name="order_id" value="6">
      <input type="hidden" name="product_image" value="image/苏格兰威士忌.png">
      <input type="hidden" name="product_name" value="苏格兰威士忌">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="6">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="THE MACALLAN麦卡伦12年  经典雪莉桶 单一麦芽   苏格兰威士忌">
      <br>
      <label style="margin-left: 1%;margin-top: 10%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="781">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
    </div>
  <div class="product" data-price="153" style="margin-left: 6%;width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="7">
    <h3 style="display: none;">白兰地</h3>
    <img src="image/白兰地.png"  style="width: 15%;height: 30%;margin-top: 20%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 153.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -3%;margin-left: 14%;">成交50+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>  人头马（Remy Martin）<br>  CLUB优质香槟区干邑白<br>   兰地洋酒350mL 1瓶</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率2.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">15%</p>

    <form id="productForm7" action="addOrders" method="post">
      <input type="hidden" name="order_id" value="7">
      <input type="hidden" name="product_image" value="image/白兰地.png">
      <input type="hidden" name="product_name" value="白兰地">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="7">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value=" 人头马（Remy Martin）  CLUB优质香槟区干邑白   兰地洋酒350mL 1瓶">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="153">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
     </div>
  <div class="product" data-price="146" style="margin-left: 40%;margin-top: -62.3%;width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="8">
    <h3 id="wuling" style="display: none;">武陵酒</h3>
    <img src="image/武陵酒.png"  style="width: 15%;height: 30%;margin-top: 12%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 146.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -8.4%;margin-left: 14%;">成交500+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>武陵酒 经典飘香 纯粮食酱香<br>  白酒 湖南名酒 500ml*1瓶</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率1.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">57.5%</p><br>

    <form id="productForm8" action="addOrders" method="post" >
      <input type="hidden" name="order_id" value="8">
      <input type="hidden" name="product_image" value="image/武陵酒.png">
      <input type="hidden" name="product_name" value="武陵酒">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="8">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="武陵酒 经典飘香 纯粮食酱香  白酒 湖南名酒 500ml*1瓶">
      <br>
      <label style="margin-left: -15%;margin-top: 3%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="146">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
   </div>
  <div class="product" data-price="989" style="margin-left: 72%;margin-top: -62.8%;width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="9">
    <h3 style="display: none;">五粮液</h3>
    <img src="image/五粮液.png"  style="width: 15%;height: 30%;margin-top: 4%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 989.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -10%;margin-left: 14%;">成交200+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>  五粮液第八代普五 52度<br>五粮液浓香型白酒500ML*1瓶<br>   送礼宴请浓香型白酒</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率1.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">49.5%</p>

    <form id="productForm9" action="addOrders" method="post" >
      <input type="hidden" name="order_id" value="9">
      <input type="hidden" name="product_image" value="image/五粮液.png">
      <input type="hidden" name="product_name" value="五粮液">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="9">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value=" 五粮液第八代普五 52度 五粮液浓香型白酒500ML*1瓶    送礼宴请浓香型白酒">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="989">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
     </div>
  <div class="product" data-price="438" style="margin-left: 6%;width: 100%;height: 100%;margin-bottom: 20%;"data-product-id="10">
    <h3 style="display: none;">龙舌兰</h3>
    <img src="image/龙舌兰.png"  style="width: 15%;height: 30%;margin-top: 20%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 438.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -3%;margin-left: 14%;">成交500+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>洋酒 墨西哥进口 唐胡里<br>奥珍藏金标龙舌兰 Don <br>    Julio 750ml</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率1.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">49%</p>

    <form id="productForm10" action="addOrders" method="post" >
      <input type="hidden" name="order_id" value="10">
      <input type="hidden" name="product_image" value="image/龙舌兰.png">
      <input type="hidden" name="product_name" value="龙舌兰">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="10">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="洋酒 墨西哥进口 唐胡里 奥珍藏金标龙舌兰 Don   Julio 750ml">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="438">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
      </div>

  <div class="product" data-price="146" style="margin-left: 40%;margin-top: -69.3%;width: 100%;height: 100%;margin-bottom: 13%;"data-product-id="11">
    <h3 style="display: none;">西凤酒</h3>
    <img src="image/西凤酒.png"  style="width: 15%;height: 30%;margin-top: 12%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 146.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -8.4%;margin-left: 14%;">成交500+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>西凤酒52度浓香型白酒整箱装<br>粮食酒口粮酒婚宴喜酒白酒礼<br>        盒500ml*1瓶</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率1.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">57.5%</p>

    <form id="productForm11" action="addOrders" method="post">
      <input type="hidden" name="order_id" value="11">
      <input type="hidden" name="product_image" value="image/西凤酒.png">
      <input type="hidden" name="product_name" value="西凤酒">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="11">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="西凤酒52度浓香型白酒整箱装 粮食酒口粮酒婚宴喜酒白酒礼      盒500ml*1瓶">
      <br>
      <label style="margin-left: -15%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="146">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
     </div>
  <div class="product" data-price="165" style="margin-left: 72%;margin-top: -62.8%;width: 100%;height: 100%;margin-bottom: 13%;" data-product-id="12">
    <h3 style="display: none;">古今贡酒</h3>
    <img src="image/古今贡酒.png"  style="width: 15%;height: 30%;margin-top: 4%;margin-left: 4%; border: 2px #f65f02 solid;">
    <p style="color: rgb(219, 57, 13);font-size: 1.2vw;margin-left: 5%;">￥ 165.0</p><p style="font-size: 1vw;color: rgb(154, 171, 186);margin-top: 15%;float: left;margin-top: -10%;margin-left: 14%;">成交200+件</p>
    <pre style="color: #000000;margin-left: 4%;font-size: 1.2vw;"><b>古井贡酒 年份原浆献礼版 <br>     50度500ml*1瓶</b></pre>
    <p style="font-size: 1vw;float: left;margin-top: -1%;margin-left: 5%;">回头率：</p><img src="image/回头率1.png" style="width: 5%;height: 5%;float: left;margin-top: -1.5%;"><p style="float: left;margin-top: -1%;font-size: 1vw;">49.5%</p><br>

    <form id="productForm12" action="addOrders" method="post" >
      <input type="hidden" name="order_id" value="12">
      <input type="hidden" name="product_image" value="image/古今贡酒.png">
      <input type="hidden" name="product_name" value="古今贡酒">
      <input type="hidden" name="user_name" value="<%=user.getUsername()%>">
      <input type="hidden" name="product_id" value="12">
      <input type="hidden" name="order_date" value="<%=Date%>">
      <input type="hidden" name="product_details" value="古井贡酒 年份原浆献礼版   50度500ml*1瓶">
      <br>
      <label style="margin-left: -15%;margin-top: 4%">
        请输入购买的数量： <input type="number" name="quantity" value="1">
      </label>
      <input type="hidden" name="price" value="165">
      <input class="add-to-cart" type="submit" style="display: flex;margin-left: 8%;background-color: black;color: aliceblue;font-size: 1vw;margin-top: 4%;" value="添加到购物车">
    </form>
     </div>

</div>


<footer style="margin-top: 5%;">
  <div class="footer">
    <div style="width: 30%;height: 20%;margin-left: -2%;">
      <img src="#" style="margin-left:300%;margin-top: -1%;width: 30%;height: 10%;"></div>

    <div style="width: 30%;height: auto;">
                      <pre style="color: black;margin-left: 297%;width: 60%;height: auto;font-size: 1vw;margin-top: 0%;color: #0d00ff;">   <b>关  注</b><br>
  微信公众号</pre></div>
    <div>
                    <pre style="margin-left: -8%;margin-top: -3%;font-size: 1.3vw;width: 30%;height: auto;position: relative;">
                              <b>© 2010-2019 1688.com 版权所有 著作权与商标声明 |<a href="#">法律声明</a> | <a href="#">服务条款</a> | <a href="#">隐私政策</a> | <a href="#">关于柒捌玖</a> | <a href="#">联系我们</a> | <a href="#">网站导航</a>
                          <a href="#">柒捌玖集团</a> | <a href="#">柒捌玖国际站</a> | <a href="#">柒捌玖中国站</a> | <a href="#">全球速卖通 </a>| <a href="#">淘宝网 </a>| <a href="#">天猫 </a>|<a href="#"> 聚划算</a> | <a href="#">一淘</a> | <a href="#">捌玖旅行 · 去啊</a> | <a href="#">虾米</a> | <a href="#">捌玖云计算</a>
                                            |<a href="#">YunOS</a> | <a href="#">捌玖通信</a> | <a href="#">万网</a> | <a href="#">UC</a> | <a href="#">支付宝</a> | <a href="#">来往</a> |<a href="#"> 钉钉</a> | <a href="#">捌玖健康</a> |<a href="#"> 一达通</a> |<a href="#"> Lazada</a></b></pre>
    </div>

  </div>
</footer>
<script src="ShoppingCart.js"></script>
</body>
</html>
